<template>
	<view>
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="content">学校详情</block>
		</cu-custom>
		<view class="top_box">
			<view class="one_box flex">
				<view class="round_img">
					<image  class="image_school"></image>
				</view>
				<view class="shcool_box">
					<view class="shcool_text">赣州师范高等专科学校</view>
					<view class="id_text">ID:2978010389</view>
				</view>
				<view>
					<text class="cuIcon-right right_box"></text>
				</view>
			</view>
		</view>

		<view class="icon_list">
			<view class="cu-bar tabbar" style="margin-bottom: 40rpx;">
				<view class="action">
					<view  style="font-size: 52rpx; margin-bottom: 30rpx;">
					</view>
					<text class="icon_textstyle">班级管理</text>
				</view>
				<view class="action">
					<view class="iconfont icon-qiye " style="font-size: 52rpx; margin-bottom: 30rpx;"></view>
					<text class="icon_textstyle">企业管理</text>
				</view>
				<view class="action">
					<view class="iconfont icon-shixi" style="font-size: 52rpx; margin-bottom: 30rpx;">
					</view>
					<text class="icon_textstyle">实训生管理</text>
				</view>
				<view class="action">
					<view class="iconfont icon-a-xiaoxi" style="font-size: 52rpx; margin-bottom: 30rpx;">
						<view class=" round_style">
							<text style="margin-left:-2rpx; line-height: 30rpx;">2</text>
						</view>
					</view>
					<text class="icon_textstyle">消息通知</text>
				</view>
			</view>
		</view>

		<view class="company_list">
			<view class="onebox_text">
				<text class="companyList_text">企业列表</text>
				<text class="view_more">查看更多</text>
			</view>

			<view class="box flex" v-for="(item,index) in 5" :style="index===4?'border-bottom-width: 0rpx;':''">
				<view class="headPortrait_box">
					<image :src="url" class="company_iamge">
					</image>
				</view>
				<view class="companyListtext">
					<view class="companyName">
						<text>赣州唯宅汇有限公司</text>
					</view>
					<view class="companyType_box">
						<text>互联网/电子商务 计算机软件</text>
					</view>
					<view class="company_num">
						<text>民营 | 100-499人</text>
					</view>
				</view>
				<view class="cuIcon-right right_click text-gray"></view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url:'http://www.555edu.com/d/file/2018-04-03/1617f058d34fa3d52031266d389580e2.jpg'

			}
		},
		methods: {

		}
	}
</script>

<style>
	.person_center {
		text-align: center;
		height: 105rpx;
		padding-top: 66rpx;
		font-size: 40rpx;
		color: #FFFFFF;
	}

	.top_box{
		background-color: #007AFF;
		height: 350rpx;
	}

	.one_box {
		width: 100%;
		height: 345rpx ;
		padding-top: 50rpx;
	}

	.round_img {
		margin-left: 30rpx;
		border-radius: 180rpx;
		width: 127rpx;
		height: 127rpx;
		background-color: #FFFFFF;
		padding: 15rpx;
	}

	.shcool_box {
		margin-top: 15rpx;
		margin-left: 20rpx;
	}

	.shcool_text {
		color: #FFFFFF;
		font-size: 35rpx;
		margin-bottom: 26rpx;
	}

	.id_text {
		color: #d2dbfc;
		font-size: 24rpx;
	}

	.right_box {
		position: absolute;
		right: 25rpx;
		margin-top: 48rpx;
		color: #FFFFFF;
		font-size: 25rpx;
	}

	.icon_list {
		width: 720rpx;
		background-color: #FFFFFF;
		height: 215rpx;
		border-radius: 20rpx;
		margin: auto;
		margin-top: -120rpx;
		padding-top: 55rpx;
	}

	.icon_textstyle {
		font-size: 25rpx;
		color: #838383;
	}

	.round_style {
		border-radius: 180px;
		position: absolute;
		top: -5px;
		right: 23px;
		font-size: 10px;
		padding: 0px 5px;
		height: 14px;
		color: #ffffff;
		background-color: #ED1C24;
		height: 30rpx;
		width: 30rpx;
	}

	.company_list {
		width: 720rpx;
		height: 970rpx;
		border-radius: 20rpx;
		background-color: #FFFFFF;
		margin: auto;
		margin-top: 30rpx;
	}

	.onebox_text {
		padding-top: 45rpx;
		margin-left: 35rpx;
		margin-bottom: 10rpx;
	}

	.companyList_text {
		font-size: 30rpx;
		color: #4d4d4d;
		font-weight: bold;
	}

	.view_more {
		position: absolute;
		right: 25rpx;
		color: #a3a3a3;
		font-size: 25rpx;
	}

	.imageRound_box {
		width: 105rpx;
		height: 105rpx;
		border-radius: 180rpx;
		margin-left: 40rpx;
		margin-top: 45rpx;
		background-color: #007AFF;
	}



	.headPortrait_box {
		width: 105rpx;
		height: 105rpx;
		border-radius: 180rpx;
		margin-top: 37rpx;
		background-color: #007AFF;
		margin-left: 20rpx;
	}

	.companyListtext {
		margin-top: 30rpx;
		margin-left: 20rpx;
	}

	.companyName {
		font-size: 30rpx;
		margin-bottom: 10rpx;
	}

	.companyType_box {
		font-size: 22rpx;
		color: #9d9d9d;
	}

	.company_num {
		font-size: 22rpx;
		color: #9d9d9d;
		margin-bottom: 30rpx;
	}

	.box {
		height: 175rpx;
		width: 670rpx;
		margin-left: 20rpx;
		border-width: 4rpx;
		border-bottom-style: solid;
		border-color: #fafafa;
	}

	.right_click {
		margin-top: 80rpx;
		position: absolute;
		right: 25rpx;
	}

	.image_school {
		width: 100rpx;
		height: 100rpx;
		border-radius: 180rpx;
	}

	.company_iamge {
		width: 105rpx;
		height: 105rpx;
		border-radius: 180rpx;
	}
	
</style>
